.user_sign_border {
  width: 60%;

  overflow: hidden;

  transition: top 0.7s linear, transform 0.7s linear, width 0.7s linear,
    height 0.7s linear;
}

.user_sign_border[signed='true'] {
  display: flex;

  align-items: center;

  justify-content: center;

  top: 50%;

  transform: translate(0, -50%);

  width: 320px;

  aspect-ratio: 1.6 / 1;
}

.title_user_sign {
  text-align: center;
}

.user_sign_inp {
  padding: 5px 0 2px 5px;

  width: 80%;

  outline: none;

  border: none;

  border-bottom: 0.5px solid #09b00c;
}

.user_sign_func_border {
  display: flex;
  justify-content: center;
}

.user_signed_login {
  text-align: center;
}
